<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="./js/vue.js"></script>
    <script src="./js/time.js"></script>
</head>

<body>

    <div id="app">
        <!-- 
            过滤器:
                格式化数据,比如将字符串格式化为首字母大写,
            自定义过滤器(全局)
            Vue.filter('过滤器名称',function(value){
                // 过滤器业务逻辑
            })
            过滤器的使用 (插值表达式,属性绑定)
                <div>{{msg| upper}}</div>
                <div>{{msg| upper | lower}}</div>
                <div v-bind:id="id | formatId">{{msg| upper}}</div>
            局部过滤器:
                filters:{
                    '过滤器名称':function(value){
                        // 过滤器业务逻辑
                    }
                }
            带参数的过滤器:
                Vue.filter('过滤器名称',function(value,arg){
                    // 过滤器业务逻辑
                })
                
            过滤器的使用
                div>{{msg | format('yyyy-MM-dd')}}</div>
        -->
        <div>{{date | format('yyyy-MM-dd hh:mm:ss','第二个参数')}}</div>
    </div>

    <script lang="text/javascript">
        Vue.filter('format',function(val,arg,arg2){
            return dateFormat(val,arg);            
        })

        Vue.filter('lower',function(val){
            return val.toLowerCase() ;
        })
        var vm = new Vue({
            el: "#app",
            data: {
                date:new Date()
            }
            
            
        })
    </script>

</body>

</html>